<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表-诚品鲜智能科技有限公司</title>
    <base id="baseId" href="${base}">
    <link rel="icon" type="image/x-icon" href="${base}/img/favicon.ico">
    <link rel="stylesheet" href="${base}/layui/css/layui.css">
    <script type="text/javascript" src="${base}/layui/layui.js"></script>
    <script>layui.config({base: '${base}/js/goods/'}).use('list');</script>
</head>
<script type="text/html" id="operationId">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">
        <i class="layui-icon">&#xeed5;</i>查看
    </a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">
        <i class="layui-icon">&#xe642;</i>编辑
    </a>
</script>
<body>
<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header" style="padding-top: 1%;padding-bottom: 1%;">
                    <div class="goodsListTable">
                        <div class="layui-inline">
                            <label class="layui-form-label">商品编码：</label>
                            <div class="layui-input-inline">
                                <input id="goodsCodeId" type="text" placeholder="请输入商品编码" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">商品名称：</label>
                            <div class="layui-input-inline">
                                <input id="goodsNameId" type="text" placeholder="请输入商品名称" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-inline" style="padding-right: 1%;float: right;">
                            <button class="layui-btn layui-btn-sm" data-type="reload">
                                <i class="layui-icon">&#xe62c;</i> 查询
                            </button>
                            <button class="layui-btn layui-btn-sm" id="addGoods">
                                <i class="layui-icon">&#xe654;</i> 新增
                            </button>
                            <button class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe640;</i> 下架
                            </button>
                            <button class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe611;</i> 导出
                            </button>
                        </div>
                    </div>
                </div>
                <div class="layui-card-body">
                    <div style="padding-left: 1%;padding-right: 1%;">
                        <table id="goodsList"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="display: none;padding-top: 2%;padding-bottom: 1%;" id="addGoodsPanel">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">商品名称：</label>
                <div class="layui-input-inline">
                    <input type="text" name="goodsName" lay-verify="required" autocomplete="off" placeholder="请输入商品名称" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">商品编码：</label>
                <div class="layui-input-inline">
                    <input type="text" name="goodsCode" lay-verify="required" placeholder="请输入商品编码" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">商品进价：</label>
                <div class="layui-input-inline">
                    <input type="text" name="inPrice" lay-verify="number" autocomplete="off" placeholder="请输入商品进价" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">商品售价：</label>
                <div class="layui-input-inline">
                    <input type="text" name="outPrice" lay-verify="number" placeholder="请输入商品售价" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">一级分类：</label>
                <div class="layui-input-inline">
                    <select name="categoryId">
                        <option value="">请选择一级分类</option>
                        <option value="1">浙江省</option>
                        <option value="2">江西省</option>
                        <option value="3">福建省</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">二级分类：</label>
                <div class="layui-input-inline">
                    <select name="category2Id">
                        <option value="">请选择二级分类</option>
                        <option value="5">杭州</option>
                        <option value="6">温州</option>
                        <option value="7">台州</option>
                        <option value="8">绍兴</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">&nbsp;&nbsp;品&nbsp;&nbsp;&nbsp;&nbsp;牌&nbsp;&nbsp;：</label>
                <div class="layui-input-inline">
                    <select name="brandId">
                        <option value="">请选择品牌</option>
                        <option value="9">浙江省</option>
                        <option value="10">江西省</option>
                        <option value="11">福建省</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">供&nbsp;&nbsp;应&nbsp;&nbsp;商：</label>
                <div class="layui-input-inline">
                    <select name="supplierId">
                        <option value="">请选择供应商</option>
                        <option value="12">杭州</option>
                        <option value="13">温州</option>
                        <option value="14">台州</option>
                        <option value="15">绍兴</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">商品规格：</label>
                <div class="layui-input-inline">
                    <input type="text" name="specification" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入商品规格">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">是非上架：</label>
                <div class="layui-input-inline">
                    <input type="radio" name="isPut" value="1" title="是" checked="">
                    <input type="radio" name="isPut" value="0" title="否">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">商品描述：</label>
            <div class="layui-input-block">
                <textarea name="description" placeholder="请输入商品描述" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="addGoods">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>
</body>
</html>